<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>3、显卡配置</title>
    <style>
        table {
            border-collapse: collapse;
            text-align: center;
        }
        
        tr,
        td {
            padding: 10px;
        }
    </style>
</head>

<body>
    <div class="contain">
        <table border="1">
            <tr>
                <td><strong>总价</strong></td>
                <td><strong>CPU</strong></td>
                <td><strong>主板</strong></td>
                <td><strong>显卡</strong></td>
                <td><strong>总价</strong></td>
            </tr>
            <tr>
                <td>配置一</td>
                <td colspan="2">1349</td>
                <td>1099</td>
                <td>2448</td>
            </tr>
            <tr>
                <td>配置二</td>
                <td>949</td>
                <td>459</td>
                <td>1099</td>
                <td rowspan="2">2507</td>
            </tr>
            <tr>
                <td>配置三</td>
                <td>549</td>
                <td>459</td>
                <td>1499</td>
            </tr>
        </table>
    </div>
</body>

</html>